<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="footer(title,logo,record,site_url)">
<footer role="footer">

    <!-- logo -->

    <h1> <a th:href="@{/}" title="avana LLC"><img th:src="@{${logo}}" style="width: 66px;" title="Luis" alt="Luis"/></a> </h1>


    <!-- logo -->

    <!-- nav -->

    <nav role="footer-nav">
        <ul>
            <li><a th:href="@{/}" title="Work">Work</a></li>
            <li><a th:href="@{/about}" title="About">About</a></li>
            <li><a th:href="@{/blog/index}" title="Blog">Blog</a></li>
        </ul>
    </nav>

    <!-- nav -->

    <ul role="social-icons">
        <th:block th:each="index:${commons.social()}">
            <th:block th:if="${index.value}!=null and ${index.value}!=''">
                <th:block th:switch="${index.key}">
                    <th:block th:case="'csdn'">
                        <li><a class="icon csdn" target="blank" th:href="@{${index.value}}"></a></li>
                    </th:block>
                    <th:block th:case="'jianshu'">
                        <li><a class="icon jianshu" target="blank" th:href="@{${index.value}}"></a></li>
                    </th:block>
                    <th:block th:case="'resume'">
                        <li><a class="icon resume" target="blank" th:href="@{${index.value}}"></a></li>
                    </th:block>
                    <th:block th:case="'weibo'">
                        <li><a class="icon weibo" th:href="@{${index.value}}" target="blank"></a></li>
                    </th:block>
                    <th:block th:case="'zhihu'">
                        <li><a class="icon zhihu" target="blank" th:href="@{${index.value}}"></a></li>
                    </th:block>
                    <th:block th:case="'github'">
                        <li><a class="icon github" target="blank" th:href="@{${index.value}}"></a></li>
                    </th:block>
                    <th:block th:case="'twitter'">
                        <li><a class="icon twitter" target="blank" th:href="@{${index.value}}"></a></li>
                    </th:block>
                </th:block>
            </th:block>
        </th:block>
    </ul>
    <p class="copy-right">&copy; 2018 <th:block th:text="${title}"></th:block></p>
    <th:block th:if="${record != null and record != ''}"><a class="copy-right" th:href="@{https://beian.miit.gov.cn/#/Integrated/index}" th:text="${record}"></a></th:block>
</footer>

<!-- footer -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script th:src="@{/site/js/jquery.min.js}" type="text/javascript"></script>

<!-- custom -->

<script th:src="@{/site/js/nav.js}" type="text/javascript"></script>
<script th:src="@{/site/js/custom.js}" type="text/javascript"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->

<script th:src="@{/site/js/bootstrap.min.js}" type="text/javascript"></script>
<script th:src="@{/site/js/effects/masonry.pkgd.min.js}"  type="text/javascript"></script>
<script th:src="@{/site/js/effects/imagesloaded.js}"  type="text/javascript"></script>
<script th:src="@{/site/js/effects/classie.js}"  type="text/javascript"></script>
<script th:src="@{/site/js/effects/AnimOnScroll.js}"  type="text/javascript"></script>
<script th:src="@{/site/js/effects/modernizr.custom.js}"></script>
<script th:src="@{https://cdn.bootcss.com/headroom/0.9.1/headroom.min.js}"></script>
<script th:src="@{https://cdn.bootcss.com/highlight.js/9.9.0/highlight.min.js}"></script>
<script th:src="@{https://cdn.bootcss.com/instantclick/3.0.1/instantclick.min.js}"></script>

<!-- jquery.countdown -->

<script th:src="@{/site/js/html5shiv.js}" type="text/javascript"></script>
<script data-no-instant="">
    /*<![CDATA[*/
    InstantClick.on('change', function (isInitialLoad) {
        var blocks = document.querySelectorAll('pre code');
        for (var i = 0; i < blocks.length; i++) {
            hljs.highlightBlock(blocks[i]);
        }
        if (isInitialLoad === false) {
            if (typeof ga !== 'undefined') ga('send', 'pageview', location.pathname + location.search);
        }
    });
    InstantClick.init('mousedown');
    /*]]>*/
</script>
<!-- 百度收录自动推送 -->
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();

    function linkFirend(link) {
        window.location.href=link;
    }
</script>
</html>